<template>
	<view>
		<view class="bj">
			<u-navbar title="个人信息" :autoBack="true" bgColor="#3284fc"
				titleStyle="font-size:18px; color:white;height:44px;line-height:44px" leftIconColor="#fff">
			</u-navbar>
			
				<u-cell-group :border="false"
					:customStyle="{backgroundColor:'#ffffff',borderRadius:'10px',margin:'10px auto',width:'350px'}">
					<view class="geren">
						<view>头像</view>
						<view class="tx">
							<image src="../../../static/logo.png"></image>
							<u-icon name="arrow-right"></u-icon>
						</view>
					</view>
					<view class="geren">
						<view>姓名</view>
						<view>张先生</view>
					</view>
					<view class="geren">
						<view>电话</view>
						<view>15023457896</view>
					</view>
				</u-cell-group>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
		}
	}
</script>

<style scoped>
	.geren{
		display: flex;
		justify-content: space-between;
		line-height: 50px;
		padding: 15px 15px;
		border-bottom: 2px solid #f1f1f1;
	}
	.geren:nth-child(3){
		border-bottom: none;
	}
	.tx{
		display: flex;
	}
	.tx image{
		width: 50px;
		height: 50px;
		border-radius: 50%;
		margin-right: 5px;
	}
	.bj {
		width: 100%;
		height: 150px;
		background-color: #3384fc;
		margin-top: 44px;
	}


</style>